$("#slied").on("mousedown", function(e) {
        var sbx1 = e.pageX;
        var t = parseInt($("#slied div span:first").css("width"))
        $(this).on("mouseover", function(e) {
            var sbx2 = e.pageX;
            // console.log(sbx1)
            // console.log(sbx2) 
            if ((82 + (sbx2 - sbx1)) <= 82) {
                $("#slied div i").css("left", "82px")
            } else {
                $("#slied div i").css("left", `${82+(sbx2-sbx1)}px`)
            }
            if ((82 + (sbx2 - sbx1)) >= 400) {
                $("#slied div i").css("left", "400px")
            }
            if ((t + (sbx2 - sbx1)) >= 400) {
                $("#slied div span:first").css("width", `380px`)
                $("#slied div span:first").css("backgroundColor", "#29CF97")
                $("#slied div span:last").text("")
                console.log(sbx1)
                $("#btn4").prop("disabled", false);
                $("#btn4").css("backgroundColor", "#eb6100")
            } else {
                $("#slied div span:first").css("width", `${t+(sbx2 - sbx1)}px`)
            }
        })
    }).mouseup(function() {
        $('#slied').unbind("mouseover");
        if (parseInt($("#slied div i").css("left")) != 400) {
            $("#slied div i").css("left", "82px")

        }
    })
    // .mouseout(function() {
    //     $('#slied').unbind("mouseover");
    //     if (parseInt($("#slied div i").css("left")) != 400) {
    //         $("#slied div i").css("left", "82px")
    //     }
    // })
$("#xz span").on("click", function() {
    var a = $(this).index()
    console.log(a)
    $("#gg1").text("邮箱号")
    $("#gg2").text("短息验证码")

    $("#xz span").each(function() {
        $(this).removeClass("hs")
    })
    $(this).addClass("hs")
    console.log($("#sj"))

    // $(`.ll:eq(${a})`).attr("style", "display:flxe")
    // if ($(this).index()) {
    //     $(`.ll:eq(${a-1})`).attr("style", "display:none")

    // } else {
    //     $(`.ll:eq(${a+1})`).attr("style", "display:none")
    // }
})

var tel1 = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
var tel = /^[1][3,4,5,7,8][0-9]{9}$/;
// 密码
var mmm = /^[a-zA-Z0-9_-]{4,16}$/
$("#pass").blur(function() {
    let a = $(this).val()
    console.log(tel.test(a))
    console.log(a)
    if (mmm.test(a)) {
        $("#mm").removeClass("mm2")
        dd2 = true;
    } else {
        $("#mm").addClass("mm2")
    }
})


// 手机登录 \
// 电话正则
$("#gg1").blur(function() {
    let a = $(this).val()
    console.log(tel.test(a))
    console.log(a)
    if (tel.test(a)) {
        $(this).prev().removeClass("sj")
    } else {
        $(this).prev().addClass("sj")
    }
})
let zz = false;
var l = "";
$("#gg2").click(function() {
    var o = 5;
    if (tel.test($("#gg1").val())) {
        zz = true;
        l = "";
        $("#gg2").html(`${o}秒后可重新发送`)
        $("#gg2").css("background-color", "#888585");
        // $("#sj").attr("class", "")
        $(this).attr("disabled", true)
        var kk = setInterval(function() {
            o -= 1
            $("#gg2").html(`${o}秒后可重新发送`)
            $("#gg2").css("background-color", "#888585");
            if (o <= 0) {
                $("#gg2").css("background-color", "#eb6100");
                $("#gg2").css("color", "#fff");
                $("#gg2").html(`获取验证码`)
                $("#gg2").attr("disabled", false)
                clearInterval(kk)
                kk = null
            }
            console.log(o)
        }, 1000);
        for (let b = 0; b < 4; b++) {
            var c = parseInt(Math.random() * 10)
            l += c
        }
        console.log(l)
    } else {
        $("#sj").addClass("sj3")
    }

})
$("#dl4").click(function() {
    if (dd1 && dd2) {
        window.location.href = "index.html";
    }
})